<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>纯CSS实现</title>
    <link rel="stylesheet" type="text/css" href="loading.css">
    <script src="main.js"></script>
</head>
<body>
    <div class="yuanload"></div>
    <div class="tiaowenjindutiao"></div>
    <div class="hidden-list">
        <ul>
            <li class="list">
                <!--这里a和i的位置要在同一线上，否则定位会出错,标签之间的空白字符或者换行-->
                <!--（应该说文字，包括空白字符而已）在有的浏览器里面，是作为一个类型为TEXT_NODE的标签（节点）的-->
                <a href="#">我的列表</a><i class="sanjiao"></i>
                <div class="hidden-connent">
                    <a href="#">已购买宝贝</a><br>
                    <a href="#">已卖出宝贝</a>
                </div>
            </li>
            <li><a class="list" href="#">首页</a></li>
        </ul>
    </div>
    <div class="xuanfu-layout">右侧悬浮</div>
    <div class="aaa"></div>
</body>
</html>